<script setup lang="ts"></script>

<template>
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component" />
    </keep-alive>
  </router-view>
  <van-tabbar route class="app-tabbar">
    <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item to="/class" icon="search">分类</van-tabbar-item>
    <van-tabbar-item to="/plant" icon="friends-o">种草</van-tabbar-item>
    <van-tabbar-item to="/shopcart" icon="balance-o">购物车</van-tabbar-item>
    <van-tabbar-item to="/mine" icon="manager-o">我的</van-tabbar-item>
  </van-tabbar>
</template>



<style lang="scss">
.app-tabbar {
  z-index: 3000;
  height: .5rem;
  .van-tabbar-item{
    font-size: .12rem;
  }
  .van-tabbar-item__icon{
    font-size: .22rem;
  }
}

.fd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>
